<template>
    <TabBar v-model="activeIcon">
        <TabItem icon="icon-home" label="首页"></TabItem>
        <TabItem icon="icon-search" label="搜索"></TabItem>
        <TabItem icon="icon-lianxiren" label="联系人"></TabItem>
        <TabItem icon="icon-shezhi" label="设置"></TabItem>
    </TabBar>
</template>
<script setup>
import TabBar from "./components/TabBar1.vue";
import TabItem from "./components/TabItem1.vue";
import { ref } from "vue";
const activeIcon = ref();
</script>
<style scoped>
body {
    background: rgb(188, 185, 185);
}
</style>
